<template>
  <Col :span="span" :push="push" :pull="pull">
    <FormItem :label="label" :label-width="labelWidth">
      <slot>
        <span class="value-bold">{{ value }}</span>
      </slot>
    </FormItem>
  </Col>
</template>

<script>
export default {
  props: {
    span: {
      type: [Number, String],
      default: 6
    },
    push: {
      type: Number
    },
    pull: {
      type: Number
    },
    labelWidth: {
      type: Number
    },
    label: {
      type: String
    },
    value: {
      type: [Number, String]
    }
  },
  data() {
    return {};
  }
};
</script>
<style>
.value-bold {
  font-weight: bold;
}
</style>
